<template>
	<view class="shoppingCart">
		<view class="bg-white padding">
			<view class="flex">
				<radio style="align-self: center;" :class="radio=='A'?'checked':''" :checked="radio=='A'?true:false" value="A"></radio>
				<image src="../../../static/turnable_btn.png" class="img margin-left-sm"></image>
				<view class="margin-left contentEa" style="flex: 1;">
					<view>千库库家南瓜色口红千库库家南瓜色口红千库库家南瓜色口红</view>
					<view class="flex justify-between">
						<view class="text-lg text-red">￥36.9</view>
						<view class="flex">
							<view class="cartBtn">
								<view class="btn left">-</view>
								<input class="input"></input>
								<view class="btn right">+</view>
							</view>
							<view class="delBtn cuIcon-delete margin-left text-red"></view>
						</view>
						
					</view>
				</view>
			</view>
		</view>
		
		<view class="myBar cu-bar bg-white tabbar border shop">
			<!-- <button class="action" open-type="contact">
				<view class="cuIcon-service text-green">
					<view class="cu-tag badge"></view>
				</view>
				客服
			</button>
			<view class="action" @click="goto('/pages/shop/shoppingCart/index')">
				<view class="cuIcon-cart">
					<view class="cu-tag badge">99</view>
				</view>
				购物车
			</view>
			<view class="bg-orange submit">加入购物车</view> -->
			<view class="padding">
				<radio :class="radio=='A'?'checked':''" :checked="radio=='A'?true:false" value="A"></radio>
			</view>
			<view class="padding-right">全选</view>
			<view class="padding">总计：￥36.9</view>
			<view class="bg-red submit">结算</view>
		</view>
	</view>
</template>

<script>
	export default{
		data() {
			return {
				
			}
		},
		onLoad() {
			
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	.shoppingCart{
		.img{
			width: 200rpx;
			height: 200rpx;
		}
		.contentEa{
			display: flex;
			justify-content: space-between;
			flex-direction: column;
		}
		.cartBtn{
			width: 140rpx;
			display: flex;
			height: 42rpx;
			background-color: #ffffff;
			border: solid 1px #c9c9c9;
			text-align: center;
			line-height: 42rpx;
			border-radius: 2rpx;
			padding: 3rpx;
			.btn{
				width: 37rpx;
			}
			.left{
				border-right: 1px solid #949494;
			}
			.right{
				border-left: 1px solid #949494;
			}
			.input{
				flex: 1;
				height: 42rpx;
			}
		}
		.delBtn{
			line-height: 42rpx;
		}
		.myBar{
			position: fixed;
			bottom: 0;
			width: 750rpx;
		}
	}
</style>